<template>
	<div class="login">
    <van-nav-bar class="red-color" title="账号登录" left-arrow @click-left="goback"/>
    	<div class="store_header">
		<div class="store_avatar">
			<img src="../../assets/images/login.png" alt="logo" height="150">
		</div>
		<!-- <div class="store_name">登录账号</div> -->
	</div>

    <md-field-group>
      <md-field
        v-model="account"
        icon="username"
        placeholder="请输入手机号/用户名"
        right-icon="clear-full"
        name="user"
        data-vv-as="用户名"
        @right-click="clearText"
      />

      <md-field
        v-model="password"
        icon="lock"
        placeholder="请输入密码"
        :type="visiblePass ? 'text' : 'password'"
        :right-icon="visiblePass ? 'eye-open' : 'eye-close'"
        data-vv-as="密码"
        name="password"
        @right-click="visiblePass = !visiblePass"
      />

      <div class="clearfix mt-2">
        <div class="float-l">
          <!-- <router-link to="/login/registerGetCode">免费注册</router-link> -->
          <router-link class="yellow-color" to="/login/loginGetCode">短信验证码登录</router-link>
        </div>
        <div class="float-r">
          <!-- <router-link class="gray-color" to="/login/forget">忘记密码</router-link> -->
        </div>
      </div>

      <van-button class="red-color rd20" size="large" type="danger" :loading="isLogining" @click="loginSubmit">登录</van-button>


    </md-field-group>

    
    <div class="text-desc text-center bottom_positon">
      <!-- <van-divider>更多登录方式</van-divider>
      <img style="margin-bottom:10px;" src="../../assets/images/weixin.png" alt="logo" height="35"> -->
      <div class="gray-color text-center">登录即代表您已经同意大胎网<span class="yellow-color" @click="showPopup1">《隐私政策》</span>和<span class="yellow-color"@click="showPopup2">《服务协议》</span></div>
      <div class="gray-color text-center">使用微信登陆时将获取您的头像昵称等公开信息</div>
    </div>
    <van-popup class="popupcss" v-model="show1">
      <h2>隐私声明</h2>
      <p>大胎网(DTW360.CN)及其合作伙伴（下称"大胎网(DTW360.CN)"、"本公司"、"我们"）了解到隐私权对客户的重要性，我们力求明确说明我们是如何收集、使用、披露、传送及存储您信息的。本隐私政策概述了我们的信息处理做法。</p>
      <p>大胎网(DTW360.CN)向来重视对用户（包括通过各种合法途径获得或使用本产品的自然人、法人和其他组织，以下简称“用户"或“您”）隐私权的保护，为了更好的保护您使用本产品的权利及个人信息，特将产品或服务使用方式、用户权利与义务、用户个人信息及数据的收集、使用、存储、安全保护、披露信息方式等予以公开。用户在使用产品或服务之前，请务必仔细阅读并全面理解本《隐私声明》（以下简称“本声明”）的规定与限制。本声明具有独立性与完整性，当您选择使用本产品时，即视为您已经了解并完全同意本声明中的所有条款，并自愿承担使用产品或服务的全部责任与风险。如您不同意本声明，请终止使用我们的产品或服务。</p>
      <strong>1、 我们将收集哪些个人信息</strong>
      <p>我们有两种信息收集方式：</p>
      <p>1.1 您向我们提供的信息：您在注册 大胎网(DTW360.CN) 账户时，可能需要您向我们提供您的个人信息，例如：您的姓名、电子邮箱地址、手机号码、证件号码等。</p>
      <p>1.2 我们在您使用我们产品和服务的过程中收集的信息：可能需要您提供您的通讯地址、银行账号等。必要时我们还会收集与产品使用相关的信息，例如IP 地址、Cookie、位置信息、产品制造商、产品型号、产品唯一标示符和设备数据等信息。</p>
      <strong>2、 我们为什么要收集个人信息</strong>
      <p>主要基于以下两个原因，我们需要收集您的个人信息：</p>
      <p>1） 部分服务必须获取您的信息后才能提供。</p>
      <p>2） 您的信息会帮助我们更好地优化产品和服务，更好地满足您的需求，为您提供更方便的个人定制化服务。</p>
      <strong>3、 我们如何收集个人信息</strong>
      <p>3.1 您直接提供的信息</p>
      <p>某些服务会要求您直接向我们提供信息。例如：我们的许多服务允许用户创建帐户或个人资料。在这些服务中，我们可能会要求您提供某些个人信息，以便设置帐户或个人资料。例如，当您创建 大胎网(DTW360.CN) 账号时，可能需要提交某些个人信息，例如您的姓名、手机号码、电子邮件地址和证件号码。</p>
      <p>如果您向我们订购产品或收费服务，我们可能会询问您的姓名、联系信息、配送地址和账单地址以及信用卡信息，以便处理您的订单。</p>
      <p>3.2 有关服务使用情况的信息</p>
      <p>除了您提供的信息以外，我们还可能通过您设备中的软件以及其他方式来收集您使用我们的服务的相关信息。例如，我们可能收集：</p>
      <p>设备信息—例如硬件型号、手机号、IMEI 号码和其他唯一设备标识符、MAC 地址、IP 地址、操作系统版本以及用于访问服务的设备的设置。</p>
      <p>日志信息—例如使用服务的时间和持续时间、通过服务输入的搜索查询字词，以及设备上设置的 Cookie 中所存储的相关信息。</p>
      <p>位置信息—例如设备的IP地址的相关信息，这些信息可能会在您使用某些服务时传送给我们。</p>
      <p>语音信息—例如您使用语音命令控制服务时我们所录制（并可能存储在我们的服务器上）的语音。（请注意，我们与第三方服务提供商合作，由第三方服务提供商代表我们提供语音到文字转换服务。该提供商可能会收到并存储某些语音命令。）</p>
      <p>有关您使用服务的其他信息，例如所使用的应用程序、访问的网站以及如何与通过服务提供的内容交互。</p>
      <p>3.3 第三方来源信息</p>
      <p>我们可能从公开渠道来源获得您的信息（在法律允许的情况下），并可能将其与收到的或与您有关的其他信息组合。如果您选择连接第三方网络服务，我们也可能从这些服务获得您的信息。</p>
      <p>3.4 我们收集的其他信息</p>
      <p>我们也可能通过其他方式收集有关您、您的设备或使用服务情况的其他信息，这些方式会在收集时向您说明，或者征得您的同意。</p>
      <p>您可以选择不提供某些类型的信息（例如，我们在 大胎网(DTW360.CN) 账号完善个人资料时请求的信息），但这样可能会影响您使用某些服务的能力。</p>
      <strong>4、 我们如何使用收集到的个人信息</strong>
      <p>1） 为您或您的设备进行服务注册；</p>
      <p>2） 提供您请求的服务或功能；</p>
      <p>3） 提供定制内容并根据您过去使用我们的服务的活动进行推荐；</p>
      <p>4） 广告，例如提供定制广告和赞助内容（包括通过我们的广告服务，您可以在此处详细了解其做法）并向您发送促销信息；</p>
      <p>5） 评估和分析市场、客户、产品及服务（包括询问您对我们的产品和服务的意见，以及执行客户调查）；</p>
      <p>6） 了解您使用我们的服务的方式，以便我们改善服务并开发新产品和服务；</p>
      <p>7） 为您的设备提供维护服务；</p>
      <p>8） 在法律允许的情况下进行免费抽奖、有奖竞赛或促销；</p>
      <p>9） 征得您同意的其他用途。</p>
      <strong>5、 我们如何存储并保护个人信息</strong>
      <p>大胎网(DTW360.CN)采用普遍接受的行业安全标准，采取加密措施保护用户的个人身份信息和数据，以保证您的信息在未经授权的情况下不会被访问、使用或披露。</p>
      <p>在技术方面，大胎网(DTW360.CN)使用防病毒软件，加密保护、监控系统，增强大胎网(DTW360.CN)数据中心的攻击防护。在制度方面，通过对大胎网(DTW360.CN)员工进行安全与隐私保护知识培训，确保员工了解数据保护的重要性。但基于网络的固有缺陷及运行风险，大胎网(DTW360.CN)并不能保证您的信息绝对安全。</p>
      <strong>6、 第三方链接和产品</strong>
      <p>凡以文字或者图标标明该服务来自第三方的，最终内容由第三方决定并提供，我们不对其内容进行任何形式的审查，对于这些网站或其他服务所收集的任何信息的安全或隐私，我们概不负责。您应小心谨慎，并查看适用于所使用的第三方网站和服务的隐私声明。</p>
      <strong>7、 信息的披露 </strong>
      <p>我们不会向第三方披露您的个人信息，但以下情况除外：</p>
      <p>7.1 征得您的同意 </p>
      <p>在征得您的同意后，我们才会将您的个人信息披露给第三方。</p>
      <p>7.2 将您的个人信息披露给我们的关联公司或合作方</p>
      <p>为了向您提供更好的服务，我们可能向关联公司或合作方披露您的部分个人信息。我们会严格禁止关联公司或合作方将共享的信息用于其他目的。</p>
      <p>7.3 依法律要求</p>
      <p>依法律、法规、司法机关或政府机关的要求，我们可能会披露您的个人信息。在我们涉及重组、合并或清算的情况下，您的个人信息可能会转移给交易方。</p>
      <strong>8、 Cookies 和其他技术</strong>
      <p>为了更好的优化使用体验，我们可能会收集用户使用过程中产生的相关 cookies 数据。但我们的 cookies 不会用于识别您的个人身份，仅用于您在访问时，能够为您更好、更方便的提供服务。</p>
      <strong>9、 法律责任</strong>
      <p>1） 用户应当合理并善意的使用本产品，如因您的使用行为而导致损害或遭到第三方诉讼，我们将保留抗辩权和请求赔偿的权利，赔偿范围包括但不限于因您的不当行为产生的损失，包括但不限于诉讼费、律师费、交通费、差旅费。</p>
      <p>2） 本声明适用中华人民共和国法律。因本声明发生的任何争议，应当协商解决，协商不成，应向大胎网(DTW360.CN)住所地的法院提起诉讼解决。</p>
      <strong>10、 隐私声明的更新</strong>
      <p>为与产品、服务、法律规定保持一致，隐私声明将随时进行修改或变更，本声明修改或变更后会及时予以公布。您在声明修改或变更后仍继续浏览本网站或使用大胎网(DTW360.CN)产品、服务，即视为您接受我们对隐私声明的修改或变更。</p>
    </van-popup>

    <van-popup class="popupcss" v-model="show2">
      <h2>大胎网（DTW360.CN）服务协议</h2>
      <p>欢迎使用 “大胎网（DTW360.CN）”平台服务，为了保障您的权益，请在使用“大胎网（DTW360.CN）”前，审慎阅读、充分理解此服务协议（以下简称“本协议”）的所有内容，特别是加粗条款、与您约定的免除或限制责任的条款。当您勾选“我已看过并同意《大胎网（DTW360.CN）服务协议》”时，您的行为表示您已充分阅读、理解并接受本协议的全部内容，并同意遵守本协议中的约定，本协议对您和我司具有法律约束力。阅读本协议的过程中，如果您不同意本协议或其中任何条款约定，您应立即停止注册程序。 本协议内容包括协议正文、本协议下述条款明确援引的其他协议、大胎网（DTW360.CN）已经发布的或将来可能发布的各类规则。所有规则为本协议不可分割的组成部分，与协议正文具有同等法律效力。除另行明确声明外，您使用“大胎网（DTW360.CN）”平台服务均受本协议约束。</p>
      <strong>一、定义 </strong>
      <p>1.1“用户”，（包含轮胎销售门店和经销商）是指，从事经营卡客车轮胎销售，并通过“大胎网（DTW360.CN）”平台发起订单。用户在服务需求发起前，须通过用户端的信息审核，并使用手机号码及营业执照在“大胎网（DTW360.CN）”平台上完成实名注册。  </p>
      <p>1.2“服务中心”是通过“大胎网（DTW360.CN）平台”，向终端销售门店提供发货/售后服务。并在平台缴纳服务保证金，通过营业执照完成实名认证并注册。  </p>
      <p>1.3“平台”（即“大胎网（DTW360.CN）平台”）系向用户提供综合性的轮胎采购，线上发票服务及售后理赔服务的综合性服务体。  </p>
      <strong>二、用户注册 </strong>
      <p>2.1 用户开启大胎网小程序或下载大胎网APP或大胎网PC商城进入平台，通过签署本协议并根据平台的注册规则完成注册程序后，即有权通过本平台发布服务请求并获得相应服务。用户一旦完成注册，即视为同意使用本协议下所述服务并受制于本协议相关条件及条款。用户在平台上有效注册的用户名及密码共同构成用户通过平台寻求并获得服务的唯一有效身份证明。 </p>
      <p>2.2 除非用户与平台方另有书面约定，用户一经签署本协议，则视为用户允许平台方通过短信、电子邮件、APP/服务器推送或其他方式向其发送订单服务信息、优惠服务信息及本协议下其他相关信息。 </p>
      <p>2.3 用户应当保证其完成上述注册(或不时的有效变更注册)时所提供的身份信息及电话、电子邮箱等必要信息真实、准确、有效；如该等信息有任何变动，用户应当在发布服务请求前通过平台完成信息更新。因用户提供虚假或无效信息导致平台方或服务方遭受损失的，用户应当承担全部的赔偿责任。 </p>
      <p>2.4 用户应妥善保管用户名及密码，除经平台方事先书面同意或本协议另有约定外，不得将其赠予、转让、出售或出借于他人使用；如用户发现其用户名及密码遭他人使用，应立即通知平台方以避免损失或损失扩大。因用户保管用户名及密码不当、转让或出借用户名及密码、怠于履行本协议及其他相关协议下的通知义务等情形或其他非平台方原因，导致用户未能根据本协议使用服务或遭受任何损失的，均由用户自行承担，平台方不承担任何责任。  </p>
      <strong>三、服务内容 </strong>
      <p>3.1 本协议所指服务为平台方通过提供信息发布平台，以信息推送的方式向用户及服务方提供信息交互及匹配服务。</p>
      <p>3.2 用户通过平台下达采购订单并通过线上支付完成订单交易，订单一经下达即对用户具有约束力。 </p>
      <p>3.3 平台方将用户采购需求信息通过平台推送给服务中心。在服务中心鬼魂和其人员通过平台确认接受该服务需求，并确认将根据该需求信息提供相应服务的(以下简称“订单确认”)， 平台将该服务确认及订单项下所载信息(包括但不限于服务方、服务人员、联系方式等)反馈至订单发布用户。订单确认反馈至用户时，用户未撤销或变更订单发布的，即视为用户与服务方之间达成有效的服务合同，合同的主要条款及条件以订单所载为准。</p>
      <strong>四、用户的权利义务</strong>
      <p>4.1 用户有权通过平台预约订单服务，平台将根据用户预约信息提供对应的服务中心信息； </p>
      <p>4.2 用户应当保证其发布的需求信息真实、准确、完整。</p>
      <p>4.3 用户发布的订单信息经服务方订单确认后不得随意撤销或更改，因用户自身原因导致的服务延时、订单取消或费用损失由用户自行承担；</p>
      <p>4.4 用户不得有任何损害平台方权益的行为，若用户损害平台方权益的，平台方有权要求用户承担赔偿责任，情节严重的平台方将保留追究法律责任的权利；</p>
      <p>4.5 用户不得利用本协议项下平台方或服务方提供的服务从事违法违规活动，也不得要求平台方或服务方或其人员进行违法违规活动；</p>
      <p>4.6 用户不得利用服务或应用程序骚扰、妨碍他人或给他人造成不便（包括但不限于恶意投诉、虚假差评等）；用户应当尊重服务方指派的服务人员，不得侮辱、伤害服务人员，否则平台有权随时暂停或终止向该用户提供服务。</p>
      <p>4.7 用户不得虚假下单，诱导服务方通过取消订单的方式进行线下交易，任何虚假取消订单的线下交易将导致司机和服务方无法享受平台提供的任何服务和保障，且如果用户与服务方之间因该笔被取消订单产生的争议，平台将无权且无职责介入协调处理。平台一经发现此类行为，有权随时暂停或终止用户或服务方的平台用户资格，并有权要求用户及服务方承担相应的违约责任。</p>
      <p>4.8 用户不得通过各种形式的刷单、作弊等行为骗取平台补贴或奖励，如用户存在该等行为，平台将依法予以追责。该用户除应向平台承担相应的违约责任外，还将受到平台暂停或终止服务等措施的限制。情节特别严重的，平台保留诉诸法律的权利。 </p>
      <strong>五、付款及发票 </strong>
      <p>5.1 用户一经通过平台使用订单采购服务，即视为同意并认可平台现行公示或未来更新的有关服务价格标准，用户可随时在平台上查看有关产品的价格，这些价格可能会随时更新，用户需自行留意产品价格调整。 </p>
      <p>5.2 用户在使用服务后应根据平台提示及时支付订单费用。逾期不支付费用且经催告后仍不履行支付义务的，平台有权拒绝提供服务，同时用户应知悉并同意平台有权视情况将用户的违约信息提交至第三方征信机构。</p>
      <p>5.3 用户在本平台上可以使用第三方电子支付帐户（具体帐户以平台开通的支付方式为准）。平台在处理用户使用服务相关的付款时，除了受到本协议的约束之外，还要受电子支付服务商及信用卡/借记卡发卡行的条款和政策的约束。平台对于电子支付服务商或银行发生的错误不承担责任。</p>
      <p>5.4 平台可根据订单信息及用户开票需求向用户开具发票，具体发票开具及申请规则，请参见应用程序上所列示的开票说明。 </p>
      <p>5.5 平台提供订单管理功能，用户可以随时通过平台查询订单情况。用户应在每次服务完成后及时查询实际付款情况，如有异议应当在服务完成后48小时内联系平台客服，平台客服将对用户提出的异议进行解释和处理。 </p>
      <strong>六、特别声明 </strong>
      <p>6.1 用户确认并知悉，平台方仅通过本平台为用户提供订单采购服务，并不直接向终端用户提供线下发货物流服务。除本协议载明由平台方承担责任或平台方负责协调处理的事宜外，平台方不对服务方服务过程中产生的纠纷或争议承担责任，也不对用户使用平台服务过程中可能遭受的损失承担责任。 鉴于网络服务的特殊性（包括但不限于因本平台软硬件维护、电信部门技术调整、故障、因政府管制而造成的暂时性关闭、设备故障、黑客攻击等不可抗力等原因），平台可随时变更、中断或终止部分或全部的服务，且无需为此向用户承担责任。</p>
      <p>6.2 如用户发生下列任何一种情形，平台方有权在通知相关方后中断或终止向其提供部分或全部服务而无需承担任何责任：<br>
          1）用户提供的信息资料不真实、不准确或存在重大遗漏；<br>
          2) 用户违反本协议项下相关义务。<br>
      </p>
      <p>6.3 平台有权为了实现服务便利、优质、广泛等目的而设置外部链接，但该等外部链接指向的网页、平台的内容不由平台方实际控制，因此，平台方不保证上述网页内容的准确性和完整性，并不对网页内容承担任何法律责任。 </p>
      <p>6.4 平台方、服务方在此确认并声明，在未经用户同意或确认之前，除为履行本协议之目的外，平台方、服务方应确保用户资料的保密性和安全性，不将用户资料用于其他目的。用户特别声明确认，平台方有权使用用户通过本平台提交的相关信息资料及服务使用信息，并且有权将该等信息提供给服务方。若服务方违反前述保密义务，由其自行向用户承担责任，平台方不承担任何责任。 </p>
      <p>6.5 平台方对于用户所有的通知均可通过本平台公告、网页公告、电子邮件、手机短信、APP/服务器推送、常规信件传送或其他常用通讯方式进行；平台方可任意选择其中一种方式对用户发出通知，该等通知应于发送之时视为已送达用户；用户确认，除用户明确向平台方作出相反的意思表示外，其在通知送达时知悉并接受通知之全部内容。 </p>
      <strong>七、知识产权 </strong>
      <p>7.1 平台上所有内容，包括但不限于著作、图片、档案、资讯、资料、网站架构、网站画面的安排、网页设计，均由平台方依法拥有知识产权（包括但不限于商标权、专利权、著作权、商业秘密）。 非经平台方书面同意任何人不得擅自使用、修改、反向工程、复制、公开传播、改变、散布、发行或公开发表平台方的程序或内容。 </p>
      <p>7.2 平台运营数据的全部权利，均归属平台方，前述运营数据包括但不限于任何用户注册信息、订单详情、位置信息及驾驶行为等数据。 </p>
      <strong>八、其他约定 </strong>
      <p>8.1 如用户在本平台应用程序使用过程中产生通信数据流量费用，该服务与费用由用户的通信运营商提供和收取，本平台不收取通信服务和流量费用。 </p>
      <p>8.2 平台方对修订后的协议可通过本协议第6.6条约定的方式公告，该等公告一经发布即视为对用户有效履行了通知义务。用户如不同意上述各方对本协议相关条款所作的修改，有权停止使用本协议下所述服务。如用户继续通过平台发送服务需求信息，则视为用户接受对本协议的全部修改并视为其再次签署了平台方公告的本协议的最新版本。</p>
      <p>8.3 本协议之解释与适用，以及与本协议有关的争议，均应适用中华人民共和国法律。</p>
      <p>8.4 因本协议之签订或履行过程中发生的争议，各方应当协商解决，协商不成的，任何一方均可将有关争议提交至东营市广饶县人民法院通过诉讼解决。</p>
    </van-popup>
    
	</div>
</template>

<script>
import field from '@/components/field/';
import fieldGroup from '@/components/field-group/';

import { authLoginByAccount } from '@/api/api';
import { setLocalStorage, getLocalStorage } from '@/utils/local-storage';
import { emailReg, mobileReg } from '@/utils/validate';

import { Toast, Divider, Popup } from 'vant';


export default {
  name: 'login-request',
  components: {
    [field.name]: field,
    [fieldGroup.name]: fieldGroup,
    [Divider.name]: Divider,
    [Popup.name]: Popup,
    Toast
  },
  data() {
    return {
      show1: false,
      show2: false,
      account: '',
      password: '',
      visiblePass: false,
      isLogining: false,
      userInfo: {}
    };
  },

  mounted() {
    this.getInfo()
  },

  methods: {
    clearText() {
      this.account = '';
    },
    getInfo() {
      const infoData = getLocalStorage(
        'account',
        'password'
      );
      console.log(infoData.password);
      if (infoData.password) {
        this.password = infoData.password
        this.account = infoData.account
      }
    },
    showPopup1() {
      this.show1 = true;
    },
    showPopup2() {
      this.show2 = true;
    },

    validate() {

    },
    login() {
      let loginData = this.getLoginData();
      authLoginByAccount(loginData).then(res => {
        console.log(res.data)
        if (res.data.errno === 0) {
          this.userInfo = res.data.data.userInfo;
          setLocalStorage({
            account:this.account,
            password: this.password,
            Authorization: res.data.data.token,
            avatar: this.userInfo.avatarUrl,
            nickName: this.userInfo.nickName,
            storeId: this.userInfo.storeId,
            storeName: this.userInfo.storeName
          });

          this.routerRedirect();
        } else {
          Toast.fail(res.data.errmsg);
        }
      }).catch(error => {
        Toast.fail(error.data.errmsg);
      });
    },

    loginSubmit() {
      this.isLogining = true;
      try {
        this.validate();
        this.login();
        this.isLogining = false;
      } catch (err) {
        console.log(err.message);
        this.isLogining = false;
      }
    },

    routerRedirect() {
      // const { query } = this.$route;
      // this.$router.replace({
      //   name: query.redirect || 'home',
      //   query: query
      // });
      window.location = '#/user/';
    },

    getLoginData() {
      const password = this.password;
      const account = this.account;
      return {
        username: account,
        password: password
      };
      // const password = this.password;
      // const account = this.getUserType(this.account);
      // return {
      //   [account]: this.account,
      //   password: password
      // };
    },

    getUserType(account) {
      const accountType = mobileReg.test(account)
        ? 'mobile'
        : emailReg.test(account)
        ? 'email'
        : 'username';
      return accountType;
    },
    goback() {
      this.$router.push('/');
    }
  }
};
</script>


<style lang="scss" scoped>
@import '../../assets/scss/mixin';
.yellow-color {
  color: #ED6D00;
}
.gray-color {
  color: #999;
}
.red-color {
  background: #FF6600 !important;
}
.text-center {
  text-align: center;
}
.mt-2 {
  margin-top: 10px;
}
.rd20 {
  border-radius: 20px;
}
.login {
  position: relative;
  background-color: #fff;
}
.popupcss {
  width: 90%;
  height: 90%;
  padding: 10px;
  h2 {
    font-size: 20px;
    text-align: center;
  }
}
.store_header {
  text-align: center;
  padding: 30px 0;
  .store_avatar img {
    // border-radius: 50%;
  }
  .store_name {
    padding-top: 5px;
    font-size: 16px;
  }
}
.register {
  padding-top: 40px;
  color: $font-color-gray;
  a {
    color: $font-color-gray;
  }
  > div {
    width: 50%;
    box-sizing: border-box;
    padding: 0 20px;
  }
  .connect {
    @include one-border(right);
    text-align: right;
  }
}
.bottom_positon {
  padding-top: 20px;
}
</style>
